<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>vue.extend-扩展实例构造器</title>
		<script src="../assets/js/vue.js"></script>
	</head>
	<body>
		<author></author>
		<div id="author"></div>
		<script>
		 var authorExtend = Vue.extend({
				template:"<p><a :href='authorUrl'>{{authorName}}</a></p>",
				data:function(){
					return{
						authorName:"freddy",
						authorUrl:"http://freddyhuang.top"
					}
				}
			})
			new authorExtend().$mount("author");
			new authorExtend().$mount('#author');
		</script>
	</body>
</html>
